<template>
	<div class="search">
        <header>
          
                <i class="fa fa-angle-left" aria-hidden="true" @click="fn1"></i>
         
            <span class="fa fa-search"></span>
            <input type="text" placeholder="搜一搜"> 
            <button>搜索</button>
        </header>
        <main>
            <div class="ssfx">搜索发现</div>
            <button>90分双肩包</button>
            <button>90分挎包</button>
            <button>高颜值口碑爆款吹风机</button>
            <button>90分运动包</button>
            <button>电暖器</button>
            <button>早风背包</button>
            <button>90分腰包</button>
            <button>客厅吸顶灯</button>
            <button>90分长裤</button>
            <button>剃须刀</button>
            <button>大白水龙头</button>
            <button>90分跑鞋</button>
        </main>
	</div>
</template>

<script>
	export default{
		methods : {
            fn1:function(){
				window.history.go(-1)
			}
        }
	}
</script>
 
<style lang="scss">
    body{
        font-size : 0.16rem;
    }
    header{
        display : flex;
        justify-content: space-around;
        width : 10.8rem;
        height : 1.68rem;
        background : #f4f4f4;
        align-items: center;
        .fa-angle-left{
            padding-left : 0.56rem;
            font-size : 0.8rem;
            color : #666;
        }
        input{
            width : 6.2rem;
            height : 0.87rem;
            border-radius: 0.5rem;
            outline : none;
            background : #fff;
            border : none;
            padding-left : 1.22rem;
        }
        .fa-search{
            position : fixed;
            left : 2.2rem;
            top : 0.58rem;
            color : #c6c6c6;
        }
        button{
            width : 1.44rem;
            height : 0.78rem;
            margin-right : 0.26rem;
            border-radius : 0.5rem;
            outline : none;
            border : 0;
            background : #d81713;
            color : #fff;
        }
    }
    main{
        width : 10.8rem;
        font-size : 0.38rem;
        font-weight : bold;
        padding : 0.54rem;
        box-sizing: border-box;
        .ssfx{
            margin-bottom : 0.52rem;
        }
        button{
            background : #f4f4f4;
            color : #333333;
            outline: none;
            border-radius : 0.5rem;
            border:none;
            margin : 0 0.34rem 0.34rem 0;
            padding : 0.2rem 0.34rem;
        }
    }
</style>